<!DOCTYPE html>
<html class="no-js" lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <title><%= title %></title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="author" content="Gold elephant Group" />
    <link rel="icon" href="/images/favicon.ico" />
    <!--<link href="/stylesheets/wyq.css" rel="stylesheet">-->
    <!-- 正式环境删除 第16行 启用14行 -->
    <link href="/sass/wyq.css" rel="stylesheet">
    <link href="/stylesheets/font-awesome.min.css" rel="stylesheet">
    <script src="/javascripts/vendors/jquery.min.js"></script>
    <script src="/javascripts/vendors/modernizr-2.8.3.min.js"></script>
    <!--[if lt IE 8]>
    <p class="browserupgrade">您正在使用一个<strong>过时的</strong>浏览器。 请点击此链接<a href="http://browsehappy.com/">升级更新您的浏览器</a>来提高您的用户体现。</p>
    <![endif]-->
    <script>
        // 滚动条置顶导航
        $(function() {
            var nav = $(".header-wrap"); //得到导航对象
            var win = $(window); //得到窗口对象
            var sc = $(document); //得到document文档对象。
            win.scroll(function() {
                if (sc.scrollTop() >= 60) {
                    nav.addClass("slideDown");
                    //$(".nav-fade").fadeIn();
                } else {
                    nav.removeClass("slideDown");
                    //$(".nav-fade").fadeOut();
                }
            })
        });
    </script>
</head>
<header id="head-index" class="head-pd">
    <section class="header-wrap">
        <div class="container">
            <div class="header-inner clearfix">
                <div class="logo-wrap"><a class="logo" href="">新锐界</a></div>
                <ul class="nav">
                    <li><a href="">首页</a></li>
                    <li><a href="">创作者</a></li>
                    <li><a href="">作品</a></li>
                    <li><a href="">专栏</a></li>
                    <li><a href="">小组</a></li>
                    <li><a href="">广场</a></li>
                </ul>
                <div class="mem-login">
                    <ul class="list-unstyled">
                        <li class="menu-mypub">
                            <div class="menu">
                                <a href="" class="menu-hd">我要发布<i></i></a>
                                <div class="menu-bd">
                                    <i></i>
                                    <a href="" target="_blank">视频</a>
                                    <a href="" target="_blank">剧本</a>
                                    <a href="" target="_blank">文章</a>
                                    <a href="" target="_blank">照片</a>
                                </div>
                            </div>
                        </li>
                        <!-- 登录前 -->
                        <!--<li><a class="btn-reg" href="">注册</a></li>
                        <li><a class="btn-login" href="">登录</a></li>-->
                        <!-- 登录后 -->
                        <li class="menu-myacc">
                            <div class="menu">
                                <a href="" class="menu-hd"><img class="img-circle" src="../images/demo/avatar10.jpg" width="30" alt="狂奔的乌龟"/>&nbsp;&nbsp;lovebaby<i></i></a>
                                <div class="menu-bd">
                                    <i></i>
                                    <a href="" target="_blank">消息中心</a>
                                    <a href="" target="_blank">账户设置</a>
                                    <a href="" target="_blank">用户认证</a>
                                    <a href="" target="_blank">退出</a>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <section class="sub-navbar">
        <div class="container">
            <div class="row">
                <ul class="col-md-9 list-unstyled clearfix">
                    <li class="cur"><a href="">找个人</a></li>
                    <li><a href="">找机构</a></li>
                    <li><a href="">我的创作者</a></li>
                </ul>
                <form class="col-md-3 navbar-form navbar-right" role="search">
                    <input type="text" class="form-control" placeholder="搜索您感兴趣的内容" autocomplete="off" value="" size="30">
                    <a href="#" class="btn-search"><i class="fa fa-search"></i></a>
                </form>
            </div>
        </div>
    </section>
    <section class="search-wrap">
        <div class="search-inner container">
            <% include widget/search_input_widget.ejs %>
        </div>
    </section>
    <div class="head-mask"></div>
    <div class="head-poster" style="background-image: url(../images/theme_bg.jpg)"></div>
</header>

<section class="author-wrap">
    <div class="container">
        <div class="author-inner">
            <div class="row a-list clearfix">
                <div class="col-md-8">
                    <div class="mod-title clearfix">
                        <h3>创作者</h3>
                    </div>
                    <div class="row">
                        <% for(i = 1;i <= 6;i++) { %>
                        <div class="col-sm-6 col-md-6">
                            <div class="block-map-item">
                                <div class="per-box clearfix">
                                    <div class="per-ava"><a href="" target="_blank"><img class="img-circle img-responsive img-border-red"  src="/images/demo/avatar<%= i %>.jpg" alt=""/></a></div>
                                    <div class="per-info">
                                        <h4><a href="" target="_blank">乌龟</a></h4>
                                        <p><span>导演</span><span>摄像</span><span>配音师</span></p>
                                        <small>狂奔的乌龟^_^ 人生永远只有两个选择，放弃或挺住！</small>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <% } %>
                    </div>
                </div>
                <aside class="col-md-4">
                    <h3 class="mod-title">新成员</h3>
                    <div class="i-mem-new mt20">
                        <% for (i=1;i<=4;i++) { %>
                        <div class="m-sidebar clearfix">
                            <div class="per-ava"><a href="" target="_blank"><img class="img-circle img-responsive img-border-red" src="/images/demo/avatar<%=i%>.jpg" alt=""/></a></div>
                            <div class="per-info">
                                <h5><a href="" target="_blank">会员名称</a> 加入了微影圈</h5>
                                <p><span>导演</span><span>摄像</span></p>
                            </div>
                        </div>
                        <!-- /.m-sidebar -->
                        <% } %>
                    </div>
                </aside>
            </div>
            <!-- /.a-list -->
        </div>
    </div>
</section>

<section class="works-wrap">
    <div class="container">
        <div class="w-video-list">
            <div class="s-mod-title clearfix">
                <h3><a href="" target="_blank">作品</a></h3>
            </div>
            <div class="row clearfix">
                <% for(i=1;i<=6;i++) { %>
                <div class="col-sm-6 col-md-4">
                    <div class="works-item">
                        <div class="block-map-item">
                            <div class="works-box clearfix">
                                <a href="" target="_blank">
                                    <figure><img class="img-responsive" src="/images/demo/case<%=i%>.jpg" alt=""/></figure>
                                    <div class="v-title"><span>微电影节第三单元作品《我是你爸爸》</span></div>
                                </a>
                            </div>
                            <footer class="per-act clearfix">
                                <div class="col-xs-6 col-sm-6 item">
                                    <div class="per-ava"><a href="" target="_blank"><img class="img-circle img-responsive" src="/images/demo/avatar<%=i%>.jpg" alt=""/></a></div>
                                    <div class="per-info">
                                        <h5><a href="" target="_blank">乌龟</a></h5>
                                        <small><span>导演</span><span>摄像</span><span>配音师</span></small>
                                    </div>
                                </div>
                                <a class="col-xs-3 col-sm-3 item" href="">
                                    <div class="num">456</div>
                                    <div class="sub">作品</div>
                                </a>
                                <div class="col-xs-3 col-sm-3 item"><a class="btn-link" href=""><i class="fa fa-plus"></i> 加关注</a></div>
                            </footer>
                        </div>
                    </div>
                </div>
                <% } %>
            </div>
        </div>
    </div>
</section>

<section class="container">
    <div class="col-list-wrap">
        <div class="row mem-column-wrap">
            <div class="col-md-8 row1">
                <div class="mod-title clearfix">
                  <h3>专栏</h3>
                </div>
                <div class="row">
                    <% for (i = 1;i <= 6;i++) { %>
                    <div class="col-sm-6">
                        <div class="col-box clearfix">
                            <div class="per-ava"><a href="" target="_blank"><img class="img-responsive" src="/images/demo/avatar<%= i %>.jpg" alt=""/></a></div>
                            <div class="per-info">
                                <h5><a href="" target="_blank">专栏名称</a></h5>
                                <p>作者：<a href="" target="_blank">乌龟</a></p>
                                <p class="att-info"><span>123人关注</span></p>
                            </div>
                            <div class="btn-att"><a href=""><i class="fa fa-plus"></i> 加关注</a></div>
                        </div>
                    </div>
                    <% } %>
                </div>
            </div>
            <aside class="col-md-4">
                <h3 class="mod-title">热门文章</h3>
                <div class="art-item-wrap">
                    <% include widget/article-sidebar_widget.ejs %>
                </div>
            </aside>
        </div>
    </div>
</section>

<section class="container">
    <div class="col-list-wrap">
        <div class="row mem-column-wrap">
            <div class="col-md-8 row1">
                <div class="mod-title clearfix">
                    <h3>小组</h3>
                </div>
                <div class="row">
                    <% for (i = 1;i <= 6;i++) { %>
                    <div class="col-sm-6">
                        <div class="col-box clearfix">
                            <div class="per-ava"><a href="" target="_blank"><img class="img-responsive" src="/images/demo/avatar<%= i %>.jpg" alt=""/></a></div>
                            <div class="per-info">
                                <h5><a href="" target="_blank">小组名称</a></h5>
                                <p><span>剪辑</span><span>后期</span></p>
                                <p class="att-info"><span>123 成员</span></p>
                            </div>
                            <div class="btn-att"><a href=""><i class="fa fa-plus"></i> 加入小组</a></div>
                        </div>
                    </div>
                    <% } %>
                </div>
            </div>
            <aside class="col-md-4">
                <h3 class="mod-title">热门话题</h3>
                <div class="art-item-wrap">
                    <% include widget/article-sidebar_widget.ejs %>
                </div>
            </aside>
        </div>
    </div>
</section>

<section class="container market-index">
    <div class="mod-title clearfix">
        <h3>集市</h3>
    </div>
    <div class="row">
        <div class="col-md-8">
            <div class="topic-list-wrap table-responsive" style="padding-bottom: 0;height: 520px">
                <table class="table table-hover" style="margin-bottom: 10px">
                    <colgroup><col><col width="110px"><col width="110px"><col width="110px"><col width="100px"></colgroup>
                    <tbody>
                    <% for (i = 1;i <= 10;i++) { %>
                    <tr class="tr">
                        <td><a href="">征集微电影剧本，酒水行业相关</a></td>
                        <td><a href="">小熊猫</a></td>
                        <td><time>今天8:33</time></td>
                        <td><a href="">剧本买卖</a></td>
                        <td>56/547</td>
                    </tr>
                    <% } %>
                    </tbody>
                </table>
            </div>
        </div>
        <aside class="col-md-4">
            <div class="i-mem-new">
                <% for (i=1;i<=5;i++) { %>
                <div class="m-sidebar clearfix">
                    <div class="per-ava"><a href="" target="_blank"><img class="img-responsive" src="/images/demo/avatar<%=i%>.jpg" alt=""/></a></div>
                    <div class="per-info">
                        <h4><a href="" target="_blank">人员招募</a></h4>
                        <p><span class="label-name">12458 条信息</span></p>
                        <a class="btn-link" href="">立即发布</a>
                    </div>
                </div>
                <!-- /.block-map-item -->
                <% } %>
            </div>
        </aside>
    </div>
</section>
<% include footer.ejs %>
